* {
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 12px;
    background-color: #ffffff;
}
body {
    position: relative;
}
ul, li {
    list-style: none;
}
ml-10 {
    margin-left: 10px;
}
input {
    padding: 0 10px !important;
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCC;
    color: #000;
    vertical-align: middle;/*
    appearance: none;!*清除select下拉框默认样式*!
    -moz-appearance: none;
    -webkit-appearance: none;*/
}
input[type=checkbox],
input[type=radio] {
    border: none;
    cursor: pointer;
}
label {
    vertical-align: middle;
}
select {
    /*appearance: none;!*清除select下拉框默认样式*!
    -moz-appearance: none;
    -webkit-appearance: none;*/
    min-width: 100px;
    min-height: 28px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    border-color: #ccc;
    outline: none;
}
select option {
    line-height: 28px;
}
.button {
    display: inline-block;
    /*兼容IE6*/
    *display: inline;
    *zoom: 1;
    max-width: 54px;
    min-width: 54px;
    height: 28px;
    line-height: 28px;
    padding: 4px 10px;
    border: 1px solid #adadad;
    background-color: #f3f0f0;
    color: #001e39;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    /*box-sizing: border-box;*/
}
.button:hover,
.button.size_sm:hover,
.button.size_md:hover,
.button.size_lg:hover,
.button.size_mn:hover,
.button.add:hover,
.button.accept:hover,
.button.reject:hover,
.button.create:hover,
.button.reload:hover,
.button.download:hover,
.button.close:hover {
    border-color: #a9acb5;
    background-color: #e5e1e1;
}
/*迷你*/
.button.size_mn {
    padding: 1px 1px;
    max-width: 36px;
    max-height: 28px;
    line-height: 28px;
    font-size: 12px;
}
/*小号*/
.button.size_sm {
    padding: 4px 10px;
    max-width: 54px;
    max-height: 28px;
    line-height: 28px;
    font-size: 12px;
}
/*中号*/
.button.size_md {
    padding: 8px 10px;
    max-width: 120px;
    max-height: 36px;
    font-size: 18px;
}
/*大号*/
.button.size_lg {
    padding: 12px 30px;
    max-width: 180px;
    max-height: 44px;
    font-size: 22px;
}
/*成功*/
.button.success {
    background: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.button.success:hover {
    background: #449d44;
    border-color: #398439;
}
/*信息*/
.button.info {
    background: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.button.info:hover {
    background: #31b0d5;
    border-color: #269abc;
}
/*警告*/
.button.warning {
    background: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.button.warning:hover {
    background: #ec971f;
    border-color: #d58512;
}
/*危险*/
.button.danger {
    background: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.button.danger:hover {
    background: #c9302c;
    border-color: #ac2925;
}
/*禁用*/
.disabled {
    cursor: not-allowed;
    opacity: .3;
    moz-opacity: .3;
    filter: alpha(opacity=30);
}
/*添加*/
.button.add {
    background: #f3f0f0 url("../image/icon/add.gif") no-repeat 2px center;
    padding-left: 20px;
}
/*编辑*/
.button.edit {
    background: #f3f0f0 url("../image/icon/edit.gif") no-repeat 2px center;
    padding-left: 20px;
}
/*同意*/
.button.accept {
    background: #f3f0f0 url("../image/icon/accept.png") no-repeat 2px center;
    padding-left: 20px;
}
/*拒绝*/
.button.reject {
    background: #f3f0f0 url("../image/icon/cancel.png") no-repeat 2px center;
    padding-left: 20px;
}
/*新建*/
.button.create {
    background: #f3f0f0 url("../image/icon/new.gif") no-repeat 2px center;
    padding-left: 20px;
}
/*关闭*/
.button.close {
    background: #f3f0f0 url("../image/icon/remove.gif") no-repeat 2px center;
    padding-left: 20px;
}
/*刷新*/
.button.reload {
    background: #f3f0f0 url("../image/icon/reload.png") no-repeat 2px center;
    padding-left: 20px;
}
/*下载*/
.button.download {
    background: #f3f0f0 url("../image/icon/download.gif") no-repeat 2px center;
    padding-left: 20px;
}

/*开关*/
.switch .inactive,
.switch .active {
    float:left;
    line-height: 20px;
}
.switch .switchBox{
    width: 44px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    margin: 0 4px;
    float:left;
}
.switch .switchBox img{
    width: 44px;
    height: 50px;
}
.switch .switchBox img.open{
    margin-top: -26px;
}


/*table*/
table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse:collapse;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}
table,
th,
td {
    border-bottom:1px solid #ddd;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}
th {
    height: 50px;
    background: #f8f8f8;
    text-align: center;
}
td {
    height: 30px;
    padding-left: 4px;
}
.bg_gray {
    background-color: #f8f8f8;
}
table.line th,
table.line td {
    border: 1px solid #ddd;
}
/*td中内容位置*/
table.align_center td {
    text-align: center;
}
table.align_left td {
    text-align: left;
}
table.align_right td {
    text-align: right;
    padding-right: 4px;
}

/*操作按钮*/
table tr td .action {
    display: inline;
    color: #3692ee;
    cursor: pointer;
    padding-right: 4px;
}


/*布局*/
.clearfix {
    *zoom: 1;
}
.clearfix::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.row {
    padding: 0 0.5%;
    box-sizing: border-box;
}
.row .col-1 {
    /*width: 8.333333%;*/
    /*width: 5%;*/
    float: left;
    /*margin-right: 1%;*/
    /*box-sizing: border-box;*/
}
.row .col-2 {
    /*width: 16.666666%;*/
    /*width: 13%;*/
    float: left;
    /*margin-right: 1%;*/
    /*box-sizing: border-box;*/

}
.row .col-3 {
    /*width: 25%;*/
    /*width: 22%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-4 {
    /*width: 33.333333%;*/
    /*width: 30%;*/
    float: left;
    /*margin-right: 1%;*/
    box-sizing: border-box;
}
.row .col-5 {
    /*width: 38%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-6 {
    /*width: 50%;*/
    /*width: 47%;*/
    float: left;
    /*margin-right: 1%;*/
    /*box-sizing: border-box;*/

}
.row .col-7 {
    /*width: 58.333333%;*/
    /*width: 55%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-8 {
    /*width: 66.666666%;*/
    /*width: 63%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-9 {
    /*width: 75%;*/
    /*width: 72%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-10 {
    /*width: 83.333333%;*/
    /*width: 80%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-11 {
    /*width: 91.666666%;*/
    /*width: 88%;*/
    float: left;
    /*margin-right: 1%;*/
}
.row .col-12 {
    /*width: 100%;*/
    float: left;
    /*margin-right: 1%;*/
}

/*弹窗*/
.mask {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.model {
    width: 500px;
    height: 300px;
    min-height: 140px;
    position: fixed;
    top: 0;
    left: 0;
    /*top: 50%;
    left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*margin: 300px 300px;*/
    border-radius: 4px;
    box-shadow: 3px 3px 6px #ddd;
    moz-opacity: 1;
    filter: alpha(opacity=100);
    z-index: 200;
    display: none;
}
.model_header {
    width: calc(100% - 20px);
    border-bottom: 1px solid #8c8c8c;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
}
.header_text {
    width: calc(100% - 20px);
    display: inline-block;
    float: left;
}
.model_close_btn {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    float: right;
    text-align: right;
    cursor: pointer;
}
.model .content {
    width: calc(100% - 20px);
    padding: 0 10px;
    position: absolute;
    top: 42px;

}
.model_footer {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    border-top: 1px solid #8c8c8c;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding: 0 10px;
}
.model_btns {
    float: right;
    #margin-top: 6px;
}











/*下拉框*/
.select_menu {
    width: 280px;
}
.select_menu .select_list {
    display: none;
}
.select_menu ul li {
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    cursor: pointer;
}
.select_menu ul li:hover {
    background-color: #f5f7fa;
}





